/* main.css written for buzzwork */

/*************************
* this is KEVO. written by willjessup
* everything copyright KEVO 2006+
* I want to dedicate this code to IE, because I love you.
**************************/

/*************************
* structure divs
**************************/
body {
  margin:0px;
  padding:0px;
  background-color:#ffffff;
  font: 1em Arial, sans-serif;
  color:#7D7D7D;
}

#container {
  margin: 0px auto;
  width: 950px;
  position:relative;
}

*html #container {
  text-align:center;
}

#content {
  background-color:#ffffff;
}

*html #content {
  text-align:left;
}

#pre_header {
  height:35px;
  background-color:#ffffff;
  border-bottom:1px dotted #aaa;
}

*html #pre_header {
  border-bottom:0px;
}

#pre_header #link_right {
  position:absolute;
  top:10px;
  right:0px;
}

#pre_header ul li {
  float:left;
}

#pre_header ul li a {
  padding:0px 4px;
}

/* ++++ section bar ++++ */

#section_bar {
  margin-bottom:2px;
  height:34px;
  position:relative;
  background: url('../images/section_bkg.gif') repeat-x;
}

#section_bar .tl {
  position:absolute;
  display:block;
  height:2px;
  width:2px;
  top:0px;
  left:0px;
  background: url('../images/corners/wTopLeft.gif') top left no-repeat;
}

#section_bar .tr {
  position:absolute;
  display:block;
  height:2px;
  width:2px;
  top:0px;
  right:0px;
  background: url('../images/corners/wTopRight.gif') top right no-repeat;
}

#section_bar #beta_note {
  font-size:12px;
  position:absolute;
  right:20px;
  top:8px;
}

#section_tabs {
  margin:0px;
  padding:0px;
  position:absolute;
  bottom:5px;
  left:8px;
  font-size:14px;
  font-weight:bold;
}

#section_tabs li {
  float:left;
  margin-right:6px;
}

#section_tabs li a {
  position:relative;
  background-color:#FEF9E1;
  padding:5px 10px 5px 10px;
}

#section_tabs li a.selected {
  position:relative;
  background-color:#fff;
  padding:5px 10px 5px 10px;
}

#section_tabs li a:hover {
  position:relative;
  background-color:#FFFDB9;
  padding:5px 10px 5px 10px;
}

#section_tabs li a.selected:hover {
  position:relative;
  background-color:#FFFDB9;
  padding:5px 10px 5px 10px;
}

#section_tabs li a .tl {
  position:absolute;
  display:block;
  height:2px;
  width:2px;
  top:0px;
  left:0px;
  background: url('../images/corners/gTopLeft.gif') top left no-repeat;
}

#section_tabs li a .tr {
  position:absolute;
  display:block;
  height:2px;
  width:2px;
  top:0px;
  right:0px;
  background: url('../images/corners/gTopRight.gif') top right no-repeat;
}

#chan_bar {font-size:12px;text-decoration:none;background-color:#7AC8DC;position:relative;height:30px;white-space: nowrap;margin:0px;padding:0px 8px;}
#chan_bar li {display:inline;}
#chan_bar li a {float:left;padding:7px 16px 8px 16px;color:#fff;text-decoration:none;}
*html #chan_bar li a {float:left;padding:7px 15px 8px 15px;color:#fff;text-decoration:none;}
#chan_bar .bl {position:absolute;display:block;height:2px;width:2px;bottom:0px;left:0px;background: url('../images/corners/wBottomLeft.gif') bottom left no-repeat;}
#chan_bar .br {position:absolute;display:block;height:2px;width:2px;bottom:0px;right:0px;background: url('../images/corners/wBottomRight.gif') bottom right no-repeat;}
#chan_bar a:hover {background-color:#02ACCD;color:#fff;}
#chan_bar a.selected {background-color:#B1E3EE;color:#31A1ED;}
#chan_bar a.selected:hover {background-color:#02ACCD;color:#fff;}

#pre-footer {
  clear:both;
  height:10px;
}

#footer {
  margin:0px 0px 30px 0;
  padding-top:10px;
  border-top:10px solid #EFEFEF;
}

/*************************
* style divs
**************************/
a {
  color:#39B44A;
}

a:hover {
  text-decoration:none;
  background-color:#01ACCB;
  color:#fff;
}

a.selected {
  text-decoration:none;
  background-color:#01ACCB;
  color:#fff;
}

a.selected:hover {
  text-decoration:none;
  background-color:#01ACCB;
  color:#fff;
}

p {
  padding:0px;
  margin:6px 0;
}

.b {
  font-weight:bold;
}

/* img {display:block;} */

a img {
  border: none;
}

a:hover img {
  border: none;
}

form {
  display:inline;
  padding:0px;
  margin:10px 0;
}

input {color:#444;margin:5px 5px 0 0;}
select {margin:5px 5px 0 0;color:#444;}
ul {margin:0px;padding:0px;}
ul li {list-style:none;}
.header {position:relative;margin-top:25px;display:block;border-bottom:3px solid #DCDCDC;width:100%;margin-bottom:8px;}
.header2 {border-top:1px solid #eee;border-bottom:1px solid #eee;margin:20px 0 10px 0;padding:10px 0;}
.header2 .fright {margin-top:2px;}
.header3 {position:relative;border-top:1px dotted #aaa;background-color:#FFFDDE;height:55px;margin-top:20px;display:block;border-bottom:3px solid #DCDCDC;width:100%;margin-bottom:8px;}
.header3 .head3 {position:absolute;bottom:4px;left:10px;}
.fright {float:right;position:relative;}
.item {padding:4px 0 4px 0;border-bottom:1px dotted #aaa;}
.item-selected {background-color:#FCF0C0;padding:4px 0 4px 0;border-bottom:1px dotted #aaa;}
*html .item {margin-bottom:2px;padding:4px 0 4px 0;border-bottom:0px;background: url('../images/grey_dots.gif') bottom repeat-x;}
.clear {clear:both;}


/* font styles */
h1 {padding:0px;margin:0px;}
h1.register {padding:0px;margin:0px;color:#fff;font-size:38px;}
h1.frnt {color:#6FDEFF;font-size:30px;margin:18px 0 10px 0;}
h1.frnt a {text-decoration:none;color:#6FDEFF;font-size:30px;margin:18px 0 10px 0;}
h1.frnt a:hover {background-color:#6FDEFF;color:#fff;font-size:30px;margin:18px 0 10px 0;}
h2 {padding:0px;margin:0px;font-size:22px;}
h2.frnt {font-size:18px;padding:0px;margin:0px;}
h2.six a {text-decoration:none;color:#01ACCB;font-size:24px;}
h2.six a:hover {background-color:#01ACCB;color:#fff;}
h2.six {padding:0px;margin:0px;color:#01ACCB;font-size:24px;}
h2.reg {padding:0px;margin:0px;color:#01ACCB;font-size:18px;font-weight:normal;}
h3 {padding:0px;margin:3px 0px 3px 0;color:#01ACCB;font-size:18px;}
h4 {padding:0px;margin:0px;}
h4.msg {color:#fff;}
h5 {padding:0px;margin:0px;}
h6 {padding:0px;margin:0px;}
*html h1 {font-size:2.0em;}
*html h3 {font-size:1.1em;}

/* fonts */
.default {color:#7D7D7D;}
.default a {color:#39B44A;}
.default a:hover {text-decoration:none;background-color:#01ACCB;color:#fff;}


.f1 {color:#fff;}
.f1 a {color:#fff;}
.f1 a:hover {text-decoration:none;background-color:#fff;color:#ADEE00;}

.f2 {color:#01ACCB;}
.f2 a {text-decoration:none;color:#01ACCB;}
.f2 a:hover {text-decoration:none;background-color:#fff;color:#FFC50A;}
.f2 a.selected {color:#39B44A;}
.f2 a.selected:hover {color:#39B44A;}

.f3 {color:#FA4D9A;}
.f3 a {color:#FA4D9A;}
.f3 a:hover {text-decoration:none;background-color:#01ACCB;color:#fff;}

.f4 {font-weight:bold;font-size:14px;color:#6FDEFF;}
.f4 a {text-decoration:none;font-weight:bold;font-size:14px;color:#6FDEFF;}
.f4 a:hover {font-weight:bold;font-size:14px;background-color:#6FDEFF;color:#fff;}

.f5 {font-size:11px;color:#606060;}
.f5 a{font-size:11px;color:#39B44A;}
.f5 a:hover{font-size:11px;background-color:#39B44A;color:#fff;}

.f6 {color:#85B03F;font-size:12px;}
.f7 {color:#E42D1A;font-size:12px;}

.f8 {font-weight:bold;color:#ED2164;font-size:14px;}
.f8 a {font-weight:bold;color:#ED2164;font-size:14px;text-decoration:none;}
.f8 a:hover {text-decoration:none;background-color:#ED2164;color:#fff;}


.f10 {font-weight:bold;color:#ABABAB;font-size:14px;}
.f10 a {text-decoration:none;font-weight:bold;color:#ABABAB;font-size:14px;}
.f10 a:hover {font-weight:bold;background-color:transparent;color:#777;font-size:14px;}

.f11 {color:#6DB882;font-size:11px;}

.fame {height:78px;width:60px;display:block;background: url('../images/fame.gif') no-repeat;}
.fame a {text-decoration:none;position:absolute;top:15px;left:10px;width:40px;text-align:center;color:#fff;font-size:24px;}
.fame a:hover {background-color:#fff;color:#FA4D9A;font-size:24px;}

 /* white corners for boxes */
.rounded {position:relative;}
*html .rounded {width:100%;}
.rounded .tl {position:absolute;display:block;height:2px;width:2px;top:0px;left:0px;background: url('../images/corners/wTopLeft.gif') top left no-repeat;}
.rounded .tr {position:absolute;display:block;height:2px;width:2px;top:0px;right:0px;background: url('../images/corners/wTopRight.gif') top right no-repeat;}
.rounded .bl {position:absolute;display:block;height:2px;width:2px;bottom:0px;left:0px;background: url('../images/corners/wBottomLeft.gif') bottom left no-repeat;}
.rounded .br {position:absolute;display:block;height:2px;width:2px;bottom:0px;right:0px;background: url('../images/corners/wBottomRight.gif') bottom right no-repeat;}

/*messages*/
.message_error {margin:10px auto 0px auto;background-color:#DC4141;width:800px;}
.message_error img {display:inline;margin-right:10px;position:relative;top:1px;left:2px;}
.message_error .rounded {padding:10px 10px 9px 10px;}

.message_pending {margin:10px auto 0px auto;background-color:#FFFAAD;width:800px;}
.message_pending img {display:inline;margin-right:10px;position:relative;top:1px;left:2px;}
.message_pending .rounded {padding:10px 10px 9px 10px;}

.message_success {margin:10px auto 0px auto;background-color:#9ADF61;width:800px;}
.message_success img {display:inline;margin-right:10px;position:relative;top:1px;left:2px;}
.message_success .rounded {padding:10px 10px 9px 10px;}

.message_info {margin-top:10px;background-color:#E3F6FF;}
.message_info img {display:inline;margin-right:10px;position:relative;top:1px;left:2px;}
.message_info .rounded .pad {padding:10px;height:1%;}

/* link bars */
.link_right {
  position:absolute;
  top:2px;
  right:0px;
}

/*forms */
.formstyle {
  width:600px;
}
.formstyle input {
  width:300px;
}

.formstyle select {
  width:305px;
}

.formstyle .short input {
  width:60px;
}

.formstyle .short select {
  width:150px;
}

.formstyle textarea {
  width:300px;
  height:100px;
  position:relative;
  left:-5px;
}

.formstyle .submit input {
  position:relative;
  left:280px;
  margin-top:10px;
  width:60px;
}

label {
  display:block;
}

.form li {
  padding:6px;
  list-style:none;
  position:relative;
  border-bottom:1px dotted #888;
}

*html .form li {
  border-bottom:0px;
  background: url('../images/grey_dots.gif') bottom repeat-x;
}

.form li .fright img {
  position:absolute;
  top:8px;
  left:-22px;
}

.form .error .f5 {
  color:#DC4141;
}

.form .selected {
  background-color:#E3F6FF;
}

